<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@include file="../mytags.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <t:base type="jquery"></t:base>
    <script type="text/javascript" src="webpage/com/wx/added_product/procurement/shoppingCar.js"></script>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>报修服务单</title>
    <script type="text/javascript" charset="utf-8">
        mui.init();

        function goEvaluate(id) {
            mui.openWindow({
                createNew: true,
                url:"cbsInspectionEvaluateController.do?goRepairEvaluate&id="+id
            })
        }
    </script>
    <style>
        .serviceCode {
            font-size: 1.2em;
            padding: 0.8em 0;
            font-weight: bold;
        }

        .serviceCode span {
            font-size: inherit;
            font-weight: inherit;
        }
        hr{
            margin:0 !important;
        }
        .mui-navigate-right:after, .mui-push-right:after {
            font-size:1.8em;
        }
        .mui-push-left:after {
            font-size:1.8em;
        }
        .tablec{
            table-layout:fixed;
            width:100%;
        }
        .tablec tr td{
            font-size: 15px;
            word-wrap:break-word;
            word-break:break-all;
        }
        .leftTd{
            color:#a6aaab ;
            text-align: right;
            width: 100px;
        }
    </style>
</head>
<body>
<div class="tel"><a href="tel:400-88-22726"> <img src="${webRoot }images/tel.jpg"></a></div>
<div class="geren" style="font-weight: bold;margin-bottom: 10px;">
    <img src="${webRoot }/images/about.jpg">报修服务单
</div>
<div class="mui-card" style="width:100%;margin: 0;border-radius: 0;margin-bottom:60px;">
    <ul class="mui-table-view ul-detail">
        <c:if test="${not empty serviceList}">
            <c:forEach var="service" items="${serviceList}">
                <div class="serviceCode">&emsp;服务申请号<span>${service.code}</span>&emsp;&emsp;<span>
                    <%--<t:dictSelect field="conBusiness" type="checkbox" typeGroupCode="<%=StaticValue.Source_State %>" defaultVal="${service.status}"/>--%>
                    <c:forEach items="${statusList}" var="s">
                        <c:if test="${s.typecode==service.status}">${s.typename}</c:if>
                    </c:forEach>
                    <%--<c:if test="${service.status=='4'}"><button style="color: #0e90d2" id="goEvaluate" onclick="goEvaluate('${service.id}')">未评价</button></c:if>--%>
                </span><br>
                    <c:if test="${not empty service.engineer_id}">
                        <br><div id="${service.id}" style="font-size: 15px;margin-left: 8px">
                            &emsp;&emsp;<span style="color:#a6aaab;">工程师编码&emsp;&nbsp;</span><span id="code${service.id}">${service.engineerNo}</span><br>
                            &emsp;&emsp;<span style="color:#a6aaab;">工程师姓名&emsp;&nbsp;</span><span id="name${service.id}">${service.engineerName}</span><br>
                            &emsp;&emsp;<span style="color:#a6aaab;">工程师电话&emsp;&nbsp;</span><span id="phone${service.id}">${service.engineerCellphone}</span><br>
                            <span style="color:#a6aaab;">&emsp;预计上门时间&emsp;&nbsp;</span><span><c:if test="${service.order_time_agin!=null && service.order_time_agin!=undefind && service.order_time_agin!=''}"><fmt:formatDate value="${service.order_time_agin}" type="date" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></c:if>
                                                                                <c:if test="${service.order_time_agin==null || service.order_time_agin==undefind }"><fmt:formatDate value="${service.order_time}" type="date" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></c:if>
                                                                        </span><br>
                        </div>
                    </c:if>
                </div>
                <li class="mui-table-view-cell mui-collapse">
                    <hr class="title-hr"/>
                    <a class="mui-navigate-right" >
                        <div class="inrrTable" style="margin-right: 35px;margin-left: 25px;">
                            <table>
                                <tr><td>设备序列号</td><td>${service.sn}</td></tr>
                                <tr><td>产品型号</td><td>${service.product_model}</td></tr>
                                <tr><td>故障代码</td><td>${service.error_code}</td></tr>
                                <tr><td>故障描述</td><td>${service.description}</td></tr>
                                <tr><td>提交时间</td><td> <fmt:formatDate value="${service.create_date}" type="date" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></td></tr>
                                <tr>
                                    <td>故障照片</td>
                                    <td>
                                        <c:forEach items="${photoList}" var="photo">
                                            <c:if test="${photo.businessKey==service.id && photo.businessChildType=='A'}">
                                                    <img
                                                        <c:if test="${not empty photo.id}">
                                                            src="fileUploadController.do?downLoadFile&fileLogId=${photo.id}"
                                                        </c:if>
                                                        id="faulPicView" style="height:50px;width: 50px"/>
                                            </c:if>
                                        </c:forEach>

                                    </td>
                                </tr>

                            </table>
                        </div>
                    </a>
                    <div class="li-content mui-collapse-content inrr">
                        <table class="tablec">
                            <tr><td class="leftTd">影院名称&emsp;&nbsp;</td><td>${service.zy_cinema_name}</td></tr>
                            <c:if test="${service.status=='4' && service.sourceType=='2'}">
                                <tr><td class="leftTd">影院地址&emsp;&nbsp;</td><td>${service.zy_cinema_name}</td></tr>
                            </c:if>
                            <tr><td class="leftTd">联系人姓名&emsp;&nbsp;</td><td>${service.contacts_name}</td></tr>
                            <tr><td class="leftTd">联系人电话&emsp;&nbsp;</td><td>${service.contacts_phone}</td></tr>
                            <%--<c:forEach items="${appEqList}" var="appEq">--%>
                                <%--<c:if test="${appEq.serCode==service.code}">--%>
                                    <%--<tr><td class="leftTd">备件名称&emsp;&nbsp;</td><td>${appEq.type}</td></tr>--%>
                                    <%--<tr><td class="leftTd">备件数量&emsp;&nbsp;</td><td>${appEq.total}</td></tr>--%>
                                    <%--<tr><td class="leftTd">预计到货时间&emsp;&nbsp;</td><td><fmt:formatDate value="${appEq.expecttime}" type="date" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate></td></tr>--%>
                                <%--</c:if>--%>
                            <%--</c:forEach>--%>
                            <c:if test="${service.status=='4' && service.source_type=='2'}">
                                <c:forEach items="${reportList}" var="report">
                                    <c:if test="${report.serviceId.id==service.id}">
                                       <%-- <tr><td class="leftTd">上门时间&emsp;&nbsp;</td><td>${fn:substring(report.actualTime,0 ,19 )}</td></tr>
                                        <tr><td class="leftTd">完工时间&emsp;&nbsp;</td><td>${fn:substring(report.finishTime,0 ,19 )}</td></tr>--%>
                                        <%--<tr><td class="leftTd" style="vertical-align: top">照片&emsp;&nbsp;</td><td><c:forEach items="${reportPhotoList}" var="reportPhoto">
                                            <c:if test="${reportPhoto.businessKey==service.id}">
                                                <img
                                                        <c:if test="${not empty reportPhoto.id}">
                                                            src="fileUploadController.do?downLoadFile&fileLogId=${reportPhoto.id}"
                                                        </c:if>
                                                        id="reportImg" style="height:50px;"/>
                                            </c:if>
                                        </c:forEach></td></tr>--%>
                                        <tr><td class="leftTd" style="vertical-align: top">温度&emsp;&nbsp;</td><td>
                                                ${report.wd}
                                                    <c:forEach items="${emValidaList}" var="emValida">
                                                        <c:if test="${emValida.equipmentTypeId==report.equipmentType && emValida.maintainProject=='temperature'}">
                                                            <c:if test="${report.wd<emValida.min || report.wd>emValida.max}">
                                                                <br><span style="color: red;font-size:10px">温度不达标建议：运行中的放映机会产生大量的热，环境温度过高会造成热交换困难，对放映机运行不利，同时更加影响激光光源的寿命，请加装空调解决环境温度问题。</span>
                                                            </c:if>
                                                        </c:if>
                                                    </c:forEach>
                                        </td></tr>
                                        <tr><td class="leftTd" style="vertical-align: top">湿度&emsp;&nbsp;</td><td>
                                                ${report.sd}
                                                    <c:forEach items="${emValidaList}" var="emValida">
                                                        <c:if test="${emValida.equipmentTypeId==report.equipmentType && emValida.maintainProject=='humidity'}">
                                                            <c:if test="${report.sd<emValida.min || report.sd>emValida.max}">
                                                                <br><span style="color: red;font-size:10px">湿度不达标建议：电子类产品对湿度格外敏感，湿度过高会降低放映机的稳定性，请务必加装除湿机。在此之前请避免空调出风口直吹放映机，并在每天开启空调前先排风5分钟，避免在设备中产生冷凝水，造成故障影响放映。</span>
                                                            </c:if>
                                                        </c:if>
                                                    </c:forEach>
                                        </td></tr>
                                        <tr><td class="leftTd" style="vertical-align: top">电压&emsp;&nbsp;</td><td>
                                                ${report.dy}
                                                    <c:forEach items="${emValidaList}" var="emValida">
                                                        <c:if test="${emValida.equipmentTypeId==report.equipmentType && emValida.maintainProject=='zeroGroundVoltage'}">
                                                            <c:if test="${report.dy<emValida.min || report.dy>emValida.max}">
                                                                <br><span style="color: red;font-size:10px">电压不达标建议：电压浮动超出10%，请务必加装稳压设备，否则会对放映机稳定运行造成极大影响。</span>
                                                            </c:if>
                                                        </c:if>
                                                    </c:forEach>
                                        </td></tr>
                                        <tr><td class="leftTd" style="vertical-align: top">零地电压&emsp;&nbsp;</td><td>
                                                ${report.lddy}
                                                    <c:forEach items="${emValidaList}" var="emValida">
                                                        <c:if test="${emValida.equipmentTypeId==report.equipmentType && emValida.maintainProject=='zeroGroundVoltage'}">
                                                            <c:if test="${report.lddy<emValida.min || report.lddy>emValida.max}">
                                                                <br><span style="color: red;font-size:10px">零地电压不达标建议：零地电压对设备电路部分影响很大，轻则诱发故障，重则烧毁硬件。对于零地电压大于2V的情况，请务必重视，并及时联系电工解决。</span>
                                                            </c:if>
                                                        </c:if>
                                                    </c:forEach>
                                        </td></tr>
                                        <tr><td class="leftTd" style="vertical-align: top">排风数值&emsp;&nbsp;</td><td>
                                                ${report.pfsz}
                                                    <c:forEach items="${emValidaList}" var="emValida">
                                                        <c:if test="${emValida.equipmentTypeId==report.equipmentType && emValida.maintainProject=='windSpeed'}">
                                                            <c:if test="${report.pfsz<emValida.min || report.pfsz>emValida.max}">
                                                                <br><span style="color: red;font-size:10px">排风数值不达标建议：排风数值需在巴可建议范围之内，排风过高会产生负压，使设备内部进入更多的灰尘。排风过低无法将热量和有害气体排出，严重情况下会影响放映。请尽快联系排风设备厂家解决。</span>
                                                            </c:if>
                                                        </c:if>
                                                    </c:forEach>
                                        </td></tr>
                                        <tr><td class="leftTd" style="vertical-align: top">滤网状况&emsp;&nbsp;</td><td>
                                            <c:forEach items="${lwTypes}" var="lwStatus"><c:if test="${lwStatus.typecode==report.lwzk}">${lwStatus.typename}</c:if></c:forEach>
                                            <c:if test="${report.lwzk=='2'}">
                                                <br><span style="color: red;font-size:10px">滤网状况不达标建议：滤网对于放映机的散热和防尘有至关重要的作用，为了保证您的设备稳定运行，请至少一周清洁一次滤网。</span>
                                            </c:if>
                                        </td></tr>
                                        <%--<tr><td class="leftTd" style="vertical-align: top">故障现象&emsp;&nbsp;</td><td>${report.gzxx}</td></tr>
                                        <tr><td class="leftTd" style="vertical-align: top">处理结果&emsp;&nbsp;</td><td>${report.cljg}</td></tr>--%>
                                    </c:if>
                                </c:forEach>
                            </c:if>
                        </table>
                    </div>
                </li>
            </c:forEach>
        </c:if>
        <c:if test="${empty serviceList}">
            <li class="mui-table-view-cell">
                无相关报修服务单
            </li>
        </c:if>
    </ul>
</div>
<div class="btn-buttom auto-url" data-href="loginWxController.do?goPersionalCenterServiceMenu">
    我的服务单
</div>
<script type="text/javascript">

</script>
</body>
</html>